<template>
  <div>
    <el-button type="primary" @click="dialogVisible = true">Open</el-button>
    <el-dialog title="" v-dialog-drag append-to-body :visible.sync="dialogVisible">
      <div>
        <el-input v-model="value" placeholder=""></el-input>
      </div>
      <div slot="footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      dialogVisible: false,
      value: '',
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>

<style lang="scss" scoped></style>
